<template>
  <div class="main">
    <div class="aside">
      <el-row class="tac">
        <el-col :span="20">
          <el-menu default-active="3" class="el-menu-vertical-demo">
            <el-menu-item index="1" @click="Jump('shoot')">
              <i class="el-icon-view"></i>
              <span slot="title">拍摄</span>
            </el-menu-item>
            <el-menu-item index="2" @click="Jump('uploadVideo')">
              <i class="el-icon-upload"></i>
              <span slot="title">上传视频</span>
            </el-menu-item>
            <el-menu-item index="3" @click="Jump('uploadPhoto')">
              <i class="el-icon-upload"></i>
              <span slot="title">上传图片</span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </div>
    <div id="content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Identity",
  data() {
    return {};
  },
  methods: {
    Jump(value) {
      this.$router.push(value);
    },
  },
  mounted: function () {
    this.$router.push("uploadPhoto");
    this.$emit("getChildName", "identity");
  },
};
</script>

<style lang="css" scoped>
.aside {
  width: 250px;
  float: left;
}
.tac {
  margin-left: 50px;
}
.el-menu-vertical-demo {
  height: 600px;
  border-right: 1px solid #e6e6e6;
}
#template-iframe {
  width: 100%;
  height: 100%;
}
#content {
  width: 1200px;
  height: 600px;
  float: left;
}
</style>
